// 引入矢量图
require('../../iconfont/iconfont.css')
require('../../iconfont/iconfont.css')

// 引入公共样式
require('../../assets/css/css.less')

// 引入css样式
require('./login.less')

// 导入请求实例
const request = require('../../utils/request')


window.onload = () => {
    // 获取标签
    const account = document.querySelector('#account');
    const password = document.querySelector('#password');
    const form1 = document.querySelector('#form1');
    const case1 = document.querySelector('#case1');
    const iconfont2 = document.querySelector('.iconfont2');
    const regSd = document.querySelector('.regSd');


    // 验证手机号（11位数字）
    // 正则表达式
    let res1 = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
    //验证密码（6-18位必须包含字母的数据）
    // 正则表达式
    let res3 = /^(?=.*[a-zA-Z]).{6,18}$/;

    // 注册事件
    form1.addEventListener('submit', function(e) {
            // 收集错误信息
            let error = '';
            // 判断是否都正确
            if (!res1.test(account.value)) {
                case1.style.display = 'block';
                regSd.textContent = '手机号格式错误';
                aaa();
                e.preventDefault();
                error = '1';
            } else if (!res3.test(password.value)) {
                case1.style.display = 'block';
                regSd.textContent = '密码为6-18位数字字母';
                aaa();
                e.preventDefault();
                error = '3';
            } else {
                // case1.style.display='block';
                // regSd.textContent='登录成功';
                // iconfont2.classList.remove('icon-cancel-1-copy');
                // iconfont2.classList.add('icon-duigou');
                e.preventDefault();
                // bbb();

                request.post('/api/user/login', {
                    account: account.value,
                    password: password.value,
                }).then(res => {
                    console.log('res.data:', res.data);
                    // 解构数据
                    let { errno, data } = res.data;
                    // 判断
                    if (errno === 0) {
                        // 处理数据
                        localStorage.setItem('token', 'Bearer ' + data.token);
                        case1.style.display = 'block';
                        regSd.textContent = '登录成功';
                        iconfont2.classList.remove('icon-cancel-1-copy');
                        iconfont2.classList.add('icon-duigou');
                        e.preventDefault();
                        bbb();
                    } else {
                        case1.style.display = "block";
                        regSd.textContent = "登录密码错误";
                        password.value = '';
                        aaa();
                    }
                })
            }
        })
        // 封装定时器函数
    function aaa() {
        setTimeout(function() {
            case1.style.display = 'none';
        }, 2000)
    }

    function bbb() {
        setTimeout(function() {
            case1.style.display = 'none';
            location.href = './home.html';
        }, 3000)

    }
}